<template>
	<view class="dp-menu" style="font-size:13px;background-color:#ffffff;margin:0px 12px 0;padding:6px 6px;border-radius:9.0px;">
		<view style="padding-top:16rpx;">
			<view  class="menu-title"
				style="color:#333333;font-size:17.0px;">常用工具</view>
			
				<view class="swiper-item">
				
					<view class="menu-nav4 ">
						<navigator url="/pagesB/shiming/shiming">
							<image style="border-radius: 0%;width: 36px;height: 36px;" src="/static/images/shiming.png">
							</image>
							<view class="menu-text" style="color: #666666;height: 24px;line-height: 24px;">实名认证</view>
						</navigator>
					
					</view>
					<view class="menu-nav4 ">
						<navigator url="/pagesA/jiashiyuanlist/jiashiyuanlist">
							<image style="border-radius: 0%;width: 36px;height: 36px;" src="/static/images/jiashiren.png">
							</image>
							<view class="menu-text" style="color: #666666;height: 24px;line-height: 24px;">驾驶人</view>
						</navigator>
					</view>
          <view class="menu-nav4 ">
            <navigator url="/pagesA/identificationCode/identificationCode">
              <image style="border-radius: 0%;width: 36px;height: 36px;" src="/static/images/identificationCode.png">
              </image>
              <view class="menu-text" style="color: #666666;height: 24px;line-height: 24px;">识别码</view>
            </navigator>
          </view>
<!--					<view class="menu-nav4 ">-->
<!--						<navigator url="/pagesA/store/store">-->
<!--							<image style="border-radius: 0%;width: 36px;height: 36px;" src="/static/images/mendian.png">-->
<!--							</image>-->
<!--							<view class="menu-text" style="color: #666666;height: 24px;line-height: 24px;">门店</view>-->
<!--						</navigator>-->
<!--					</view>-->
          <view class="menu-nav4 ">
            <navigator url="/pagesA/violation/violationManager">
              <image style="border-radius: 0%;width: 36px;height: 36px;" src="/static/images/violation.png">
              </image>
              <view class="menu-text" style="color: #666666;height: 24px;line-height: 24px;">违章记录</view>
            </navigator>
          </view>
				
				</view>
			
		</view>
	</view>
</template>
<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		data() {
			return {
				"bannerindex": 0
			}
		},
		props: {
			params: {},
			data: {},
			mylist: {}
		},
		computed:{
			// ...mapState(['userId'])
		},
		methods: {
			bannerchange: function(e) {
				console.log(this.params)
				var that = this
				var idx = e.detail.current;
				that.bannerindex = idx
			}
		}
	}
</script>
<style>
	.dp-menu {
		height: auto;
		position: relative;
		padding-left: 20rpx;
		padding-right: 20rpx;
		background: #fff;
	}

	.dp-menu .menu-title {
		width: 100%;
		font-size: 30rpx;
		color: #333333;
		font-weight: bold;
		padding: 0 0 32rpx 24rpx
	}

	.dp-menu .swiper-item {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		height: auto;
		overflow: hidden;
		align-items: flex-start;
	}

	.dp-menu .menu-nav {
		flex: 1;
		text-align: center;
	}

	.dp-menu .menu-nav5 {
		width: 20%;
		text-align: center;
		margin-bottom: 16rpx;
		position: relative
	}

	.dp-menu .menu-nav4 {
		width: 25%;
		text-align: center;
		margin-bottom: 16rpx;
		position: relative
	}

	.dp-menu .menu-nav3 {
		width: 33.3%;
		text-align: center;
		margin-bottom: 16rpx;
		position: relative
	}

	.dp-menu .menu-nav2 {
		width: 50%;
		text-align: center;
		margin-bottom: 16rpx;
		position: relative
	}

	.dp-menu .showline:after {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -16rpx;
		content: '';
		height: 36rpx;
		border-right: 1px solid #eee
	}

	.dp-menu .menu-nav2.showline:nth-child(2n+2):after {
		border-right: 0
	}

	.dp-menu .menu-nav3.showline:nth-child(3n+3):after {
		border-right: 0
	}

	.dp-menu .menu-nav4.showline:nth-child(4n+4):after {
		border-right: 0
	}

	.dp-menu .menu-nav5.showline:nth-child(5n+5):after {
		border-right: 0
	}

	.swiper-pagination {
		padding: 0 10px;
		bottom: 12px;
		left: 0;
		position: absolute;
		display: flex;
		justify-content: center;
		width: 100%
	}

	.swiper-shape0 {
		width: 3px;
		height: 3px;
		margin: 0 2px !important;
	}

	.swiper-shape0-active {
		width: 13px;
		border-radius: 1.5px;
	}

	.swiper-shape1 {
		width: 12px;
		height: 6px;
		border-radius: 0;
		margin: 0 2px
	}

	.swiper-shape2 {
		width: 8px;
		height: 8px;
		border-radius: 0;
		margin: 0 2px
	}

	.swiper-shape3 {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin: 0 2px;
	}

	.swiper-shape4 {
		width: 8px;
		height: 3px;
		border-radius: 50%;
		margin: 0 1px;
	}

	.swiper-shape4-active {
		width: 13px;
		border-radius: 1.5px;
	}
</style>